<template>
  <div class="cWrap" >
    <img ref="cWrap" v-lazy="require('./lazyImg/testImg/'+ item +'.png')" v-for="item in arr" :key="item" src="" >
  </div>
</template>

<script setup>
// import LazyImg from './lazyImg/main';
import { ref, onMounted } from 'vue'
let cWrap = ref()
let arr = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])
for (let index = 1; index < 500; index++ ) {
  arr.value.push(20)
}
onMounted(() => {
  // let lImg = new LazyImg(cWrap.value)
})
</script>
<style scoped lang="scss">
.cWrap{
  width: 100%;
  height: 100%;
  img{
    width: 400px;
    height: 400px;
    border: 1px solid #000;
    display: block;
    margin-bottom: 200px;
  }
}
// img[src="break.jpg"]{
//   object-fit: contain;
// }
</style>
